<template>
  <div class="zhidu">
    <my-nav></my-nav>

    <div class="left-nav">
      <ul>
        <li :class="zsindex==index?'show':''" v-for="(item, index) in lists" :key="index" @click="handleClick(index)">
          <router-link to="">{{ item.name }}</router-link>
        </li>
      </ul>
    </div>

    <div class="conton">
      <div class="mianbaoxie">
<el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path:'/zhidu' }">规则制度</el-breadcrumb-item>
  <el-breadcrumb-item>借阅制度</el-breadcrumb-item>
</el-breadcrumb>
<div class="bor"></div>
      <h5 style="font-size: 20px"> 借阅须知：</h5>
                <p class="MsoNormal"><span lang="EN-US">1</span><span style="font-family: 宋体">、借书地点：四、五楼流通部。</span></p>
                <p class="MsoNormal"><span lang="EN-US">2</span><span style="font-family: 宋体">、读者凭本人借阅证，按到库先后顺序依次入库选书。</span></p>
                <p class="MsoNormal"><span lang="EN-US">3</span><span style="font-family: 宋体">、选书时，请将浏览后不借的图书归还原处；确定要借时，请将书依次放在库内侯借台上，办理借阅手续；从检测通道离库，如引起检测系统报警时，请自觉配合查找原因。</span></p>
                <p class="MsoNormal"><span lang="EN-US">4</span><span style="font-family: 宋体">、还书直接在借书台还书处归还即可。</span></p>
                <p class="MsoNormal"><span lang="EN-US">5</span><span style="font-family: 宋体">、图书借期时限：教师借书期限为60天，学生为30天。如所借图书没有被别人预约，可以续借一次，时间为15天。注意：当日借书不能当日还。</span></p>
                <p class="MsoNormal"><span lang="EN-US">6</span><span style="font-family: 宋体">、借阅图书限册：学生5册，教师10册。 </span></p>
                <p class="MsoNormal"><span lang="EN-US">8</span><span style="font-family: 宋体">、请自觉遵守图书馆及学院规章制度。</span><span lang="EN-US"> </span></p>
                <h5 style="font-size: 20px">借书证管理办法：</h5>
                <p class="MsoNormal"><span lang="EN-US">1</span><span style="font-family: 宋体">、借书证是读者进入本馆以及在馆内借阅文献，进行学习活动的凭证。读者借书应随身携带借书证，按相关规定使用，自觉接受工作人员的检查。</span></p>
                <p class="MsoNormal"><span lang="EN-US">2</span><span style="font-family: 宋体">、借书证可用于本馆各库室借阅图书。具体要求参见本馆《图书借阅规则》及本馆各库室借阅规定。</span></p>
                <p class="MsoNormal"><span lang="EN-US">3</span><span style="font-family: 宋体">、读者对借书证要妥善保管，不应随意乱放。读者借书证遗失后，应立即到图书馆办证室挂失。挂失前所有被借图书由借书证所有人承担责任。</span></p>
                <p class="MsoNormal"><span lang="EN-US">4</span><span style="font-family: 宋体">、挂失后重新办证，应在两周后的周一或周四的下午凭学生证或系部证明到图书馆办证室，按新证手续重新办理，三个工作日后领取新证。</span></p>
                <p class="MsoNormal"><span lang="EN-US">5</span><span style="font-family: 宋体">、读者补发新证后，如原证找回应立即将旧证交回办证处，手续费不退。如新旧证同时使用，按违章行为处理。读者等待补证期间可持学生证及所在单位开据的丢失证明进入图书馆各室阅览。</span></p>
                <p class="MsoNormal"><span lang="EN-US">6</span><span style="font-family: 宋体">、借书证只限本人使用，不得转借他人，如委托他人代借图书，须出具委托书；借用或冒用他人借书证，一经发现即行扣留该证，按《读者违章行为管理条例》处理，并区别不同情况处以罚款。其中经证实确为借用他人借书证者处以 10 元以上罚款；冒用他人借书证（用捡来或窃取的借书证借书）处以 50 元以上罚款。</span></p>
                <p class="MsoNormal"><span lang="EN-US">8</span><span style="font-family: 宋体">、借书证、阅览证在有效期内使用，过期即行失效。读者使用过期借书证、阅览证，一经发现，即行收回，按《读者违章行为管理条例》处理，并处以 50 元以上罚款。</span><span lang="EN-US">&nbsp;</span></p>
      </div>
 
    
</div>
    <my-footer></my-footer>
  
  </div>
</template>



<script>
import myNav from "../components/nav";
import myFooter from "../components/footer";

export default {
  components: {
    myNav,
    myFooter,
  },

  data() {
    return {
      zsindex:0,
      show: true,
     
      lists: [
        { name: "馆藏借阅制度" },
        { name: "图书馆消防安全制度 " },
        { name: "图书馆读者违章行为管理暂行条例" },
        { name: "图书馆报刊阅览室读者阅览守则" },
        { name: "图书馆图书借阅违规处理办法" },
      ],
    };
  },
  methods: {
    handleClick(index) {
      this.zsindex=index
    },
  },
};
</script>

<style >
.zhidu .conton .mianbaoxie{
 margin-top: 30px;
}
.zhidu .conton .bor{
  margin-top: 20px;
  border-bottom: 1px solid rgb(180, 175, 175);
}
.zhidu .conton .mianbaoxie .el-breadcrumb__inner   {
  font-size: 17px;
}
.show .router-link-exact-active {
  background-color: rgb(214, 207, 207); 
  color: #aa0018;
}

.zhidu {
  position: relative;
}
.zhidu .conton {
  height: 830px;

  padding-left: 550px;
}

.zhidu .left-nav ul {
  padding: 0;
  height: 239px;
}
.zhidu .left-nav li {
  cursor: pointer;
}
.zhidu .left-nav {
  width: 300px;
  border: 1px solid grey;
  position: absolute;
  top: 200px;
  left: 50px;
}
.zhidu .left-nav li {
  width: 300px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-top: 1px solid rgb(175, 175, 175);
}
.left-nav  ul li .router-link-exact-active:hover{
  text-decoration: none;
 
}

.el-container .el-main {
  padding: 0;

  overflow-y: hidden;
}

.contente {
  margin-top: 60px;
}
</style>